@charset "utf-8";

/*
============================================================
discography.css
------------------------------------------------------------

■ サイドナビ
■ 一覧ページ
■ 詳細ページ共通
■ CD詳細ページ
■ DVD／Blu-ray詳細ページ
■ ブック詳細ページ

============================================================
*/

/* ---------------------------------------------------------
■ サイドナビ
--------------------------------------------------------- */



.discographySideNav {
	width: 265px;
	margin: 0 0 5px 0; }

ul.discographySideNavList {
	width: 265px; }

li.discographySideNavAll, li.discographySideNavCD, li.discographySideNavDvdBluray, li.discographySideNavBooks  {
	font-size: 88%;
	width: 265px;
	height: 46px;
	margin: 0 0 5px 0;
	text-align: left; }

li.discographySideNavAll a, li.discographySideNavCD a, li.discographySideNavDvdBluray a, li.discographySideNavBooks a  {
	color: #595757;
	width: 200px;
	height: 32px;
	padding: 14px 0 0 54px;
	display: block;
	background-image: url(/common/img/about/discography/bg_sidenav.gif);
	background-repeat: no-repeat; }

li.discographySideNavAll a { background-position: 0 0; }
li.discographySideNavCD a { background-position: 0 -46px; }
li.discographySideNavDvdBluray a { background-position: 0 -92px; }
li.discographySideNavBooks a { background-position: 0 -138px; }


li.discographySideNavAll a:hover, li.discographySideNavCD a:hover, li.discographySideNavDvdBluray a:hover, li.discographySideNavBooks a:hover { color: #FFF; }

li.discographySideNavAll a:hover { background-position: -254px 0; }
li.discographySideNavCD a:hover { background-position: -254px -46px; }
li.discographySideNavDvdBluray a:hover { background-position: -254px -92px; }
li.discographySideNavBooks a:hover { background-position:-254px -138px; }

li.discographySideNavAll .current, li.discographySideNavCD .current, li.discographySideNavDvdBluray .current, li.discographySideNavBooks .current {
	width: 211px;
	height: 32px;
	display: block;
	margin: -14px 0 0 -54px;
	padding: 14px 0 0 54px;
	color: #FFF;
	background-image: url(/common/img/about/discography/bg_sidenav.gif);
	background-repeat: no-repeat; }

li.discographySideNavAll .current { background-position: -508px 0; }
li.discographySideNavCD .current { background-position: -508px -46px; }
li.discographySideNavDvdBluray .current { background-position: -508px -92px; }
li.discographySideNavBooks .current { background-position: -508px -138px; }

h4.discographySideNavListTitle {
	font-size: 69%;
	color: #e05e9e; }




/* ---------------------------------------------------------
■ 一覧ページ
--------------------------------------------------------- */
.discographyList {
	padding: 20px 0 10px 0; }

h3.discographyListYear {
	width: 740px;
	height: 60px;
	margin: 0 auto 30px auto; }

ul.discographyListUl {
	width: 756px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1; }

ul.discographyListUl li {
	width: 175px;
	height: 250px;
	margin: 0 7px;
	float: left; }

.discographyListThumb {
	width: 175px;
	height: 175px;
	margin: 0 0 3px 0; }

.discographyListThumb a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }

.discographyListTxt {}

p.discographyListDate {
	font-size: 69%;
	color: #e05e9e;
	margin: 0 0 5px 0; }

h4.discographyListTitle {
	font-size: 75%;
	line-height: 1.65em; }

h4.discographyListTitle a {
	color: #000; }

h4.discographyListTitle a:hover {
	color: #e05e9e; }


/* ---------------------------------------------------------
■ 詳細ページ共通
--------------------------------------------------------- */
.discographyDetail {
	width: 740px;
	margin: 20px auto 0 auto; }

h1.discographyDetailTitle {
	font-size: 180%;
	line-height: 1.2em;
	color: #595757;
	font-weight: bold;
	margin: 0 0 5px 0; }

h2.discographyDetailSubTitle {
	font-size: 88%;
	line-height: 1.2em;
	color: #595757;
	font-weight: bold;
	margin: 0 0 5px 0; }

p.discographyDetailDate {
	font-size: 88%;
	color: #f596b4; }

.discographyDetailArea {
	width: 740px;
	margin: 20px 0 0 0;
	overflow: hidden;
	*zoom: 1; }

.discographyDetailAreaLeft {
	width: 360px;
	float: left; }

.discographyDetailAreaRight {
	width: 360px;
	margin: 0 0 20px 0;
	float: right; }

.discographyDetailImg {
	width: 360px;
	height: 360px;
	margin: 0;
	padding: 0; }

.discographyDetailImg2 {
	width: 360px;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5; }

p.discographyDetailImg2SubTitle {
	font-size: 69%;
	font-weight: bold;
	color: #595757;
	margin: 10px 0 0 0;
	line-height: 1.4em; }

h4.discographyDetailImg2Title {
	font-size: 88%;
	font-weight: bold;
	color: #e05e9e;
	line-height: 1.4em; }

p.discographyDetailImg2Txt {
	font-size: 69%;
	color: #595757;
	margin: 15px 0 0 0;
	line-height: 1.65em; }

.discographyDetailBtnArea {
	width: 360px;
	margin: 0 0 20px 0;
	overflow: hidden;
	*zoom: 1; }

ul.discographyDetailBuyBtnDVD li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }

.discographyDetailRelatedItem {
	position: relative;
	margin: 0;
	border-top: 5px solid #fbe0e6;
	padding: 30px 0 20px 0; }

.discographyDetailRelatedGoods {
	position: relative;
	margin: 0;
	border-top: 5px solid #fbe0e6;
	padding: 30px 0 0 0; }

h3.discographyDetailRelatedCdTitle {
	position: absolute;
	top: 18px;
	left: 368px; }

h3.discographyDetailRelatedDvdTitle {
	position: absolute;
	top: 18px;
	left: 310px; }

h3.discographyDetailRelatedBooksTitle {
	position: absolute;
	top: 18px;
	left: 350px; }

h3.discographyDetailRelatedGoodsTitle {
	position: absolute;
	top: 18px;
	left: 352px; }

ul.discographyDetailRelatedItemArea {
	border: 2px solid #e05e9e;
	width: 684px;
	margin: 0 auto -1px auto;
	padding: 20px 34px 0 34px;
	overflow: hidden;
	*zoom: 1; }

ul.discographyDetailRelatedItemArea li {
	width: 228px;
	height: 220px;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	background-color: #FFF; }

.discographyDetailRelatedItemImg {
	width: 150px;
	height: 150px;
	margin: 15px auto 5px auto; }

.discographyDetailRelatedItemTxt {
	width: 180px;
	margin: 0 auto 15px auto; }

h4.discographyDetailRelatedItemTxtTitle {
	font-size: 69%; }

h4.discographyDetailRelatedItemTxtTitle a {
	color: #000; }

h4.discographyDetailRelatedItemTxtTitle a:hover {
	color: #e05e9e; }

.discographyDetailRelatedGoodsArea {
	border: 2px solid #e05e9e;
	width: 684px;
	margin: 0 auto -1px auto;
	padding: 20px 34px 0 34px;
	overflow: hidden;
	*zoom: 1; }

.discographyDetailRelatedGoodsArea ul {}

.discographyDetailRelatedGoodsArea ul li {
	width: 228px;
	height: 220px;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	background-color: #FFF; }

.discographyDetailRelatedGoodsImg {
	width: 150px;
	height: 150px;
	margin: 15px auto 5px auto; }

.discographyDetailRelatedGoodsTxt {
	width: 180px;
	text-align: center;
	margin: 0 auto 15px auto; }

h4.discographyDetailRelatedGoodsTxtTitle {
	font-size: 69%; }

h4.discographyDetailRelatedGoodsTxtTitle a {
	color: #000; }

h4.discographyDetailRelatedGoodsTxtTitle a:hover {
	color: #e05e9e; }



.discographyDetailRelatedGoodsSlidBtn {
	width: 780px;
	height: 25px;
	position: absolute;
	top: 140px;
	left: 5px; }

.discographyDetailRelatedGoodsSlidprev {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	background-image: url(/common/img/about/member/btn_slideLeft.gif);
	background-position: 0 0;
	background-repeat: no-repeat; }

.discographyDetailRelatedGoodsSlidnext {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	background-image: url(/common/img/about/member/btn_slideRight.gif);
	background-position: 0 0;
	background-repeat: no-repeat; }

.discographyDetailRelatedGoodsSlidprev.disabled { background-image: url(/common/img/about/member/btn_slideLeftDis.gif); }
.discographyDetailRelatedGoodsSlidnext.disabled { background-image: url(/common/img/about/member/btn_slideRightDis.gif); }

.discographyDetailRelatedItemImg a:hover, .discographyDetailRelatedGoodsImg a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }

ul.discographyDetailBuyBtnBase {
}

ul.discographyDetailBuyBtnBase li {
	padding: 0 0 15px 0;
	width: 360px;
	font-size: 75%;
	margin: 0 0 10px 0;
	/*background-image: url(../img/about/discography/bg_buyArea.gif);*/
	background-position: 0 0;
	/*border-bottom: 1px solid #e05e9e;*/
	background-repeat: repeat-y; }

.discographyDetailBuyBtnBaseBtn {
	margin: 5px 0 0 0;
	text-align: center; }

.discographyDetailBuyBtnBaseText {
	margin: 5px 15px 0 15px; }

.discographyDetailBuyBtnBaseText a {
	color: #000; }

.discographyDetailBuyBtnBaseText a:hover {
	color: #e05e9e; }

/* ---------------------------------------------------------
■ CD詳細ページ
--------------------------------------------------------- */
h4.discographyDetailDiskTitle {
	font-size: 100%;
	color: #e05e9e;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 15px 0; }

p.discographyDetailDiskPrice {
	font-size: 75%;
	color: #b5b5b6;
	line-height: 1.4em;
	margin: 0 0 20px 0; }

.discographyDetailCDInfo {
	margin: 0 0 20px 0; }

h5.discographyDetailCDInfoTitle {
	margin: 0 0 5px 0; }

ul.discographyDetailCDInfoList {
	border-bottom: 1px solid #e5e5e5; }

ul.discographyDetailCDInfoList li {
	font-size: 69%;
	color: #595757;
	border-top: 1px solid #e5e5e5;
	padding: 2px 0; }

ul.discographyDetailCDInfoList li span {
	color: #f596b4;
	margin: 0 12px 0 10px; }

ul.discographyDetailBuyBtnCD {
	width: 370px;
	margin: 0 -10px 0 0; }

ul.discographyDetailBuyBtnCD li {
	width: 175px;
	height: 46px;
	margin: 0 10px 10px 0;
	float: left; }

ul.discographyDetailBuyBtnCD li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }

.discographyDetailYoutubeArea ul li {
	position: relative;
	width: 360px;
	float: left; }

.discographyDetailYoutubeArea li span:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }

.discographyDetailYoutubePlayBtn {
	position: absolute;
	width: 45px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -22px;
}

.youtubepager {
	margin: 5px 0 0 0;
    text-align: center; }

.youtubepager a {
    background: url(/common/img/common/bg_slide_pager3.gif) 0 -10px no-repeat transparent;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    display: inline-block; }

.youtubepager a.selected {
    background-position: 0 0;
    cursor: default; }

.youtubepager a span {
    display: none; }




/* ---------------------------------------------------------
■ DVD／Blu-ray詳細ページ
--------------------------------------------------------- */
.discographyDetailDVDInfo {
	margin: 0 0 20px 0; }

h5.discographyDetailDVDInfoTitle {
	margin: 0 0 5px 0; }

ul.discographyDetailDVDInfoList {
	background-image: url(/common/img/about/discography/bg_line.gif); }

ul.discographyDetailDVDInfoList li {
	font-size: 69%;
	color: #f596b4;
	line-height: 1.96em;
	list-style-type: disc;
	margin: 0 0 0 20px; }

ul.discographyDetailDVDInfoList li:not(:target) {
	line-height: 1.89em\9; }

ul.discographyDetailDVDInfoList li span {
	color: #595757;
	margin: 0; }


.discographyDetailYoutubeAreaDVD ul li {
	position: relative;
	margin: 0 0 5px 0;
	cursor: pointer; }

.discographyDetailYoutubeAreaDVD ul span:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; }

.discographyDetailBuyBtnDVD li {
	width: 360px;
	height: 46px;
	margin: 0 0 10px 0; }



/* ---------------------------------------------------------
■ ブック詳細ページ
--------------------------------------------------------- */
.discographyDetailBookInfo {
	width: 360px;
	margin: 0 0 20px 0; }

p.discographyDetailBookInfoSubTitle {
	font-size: 69%;
	font-weight: bold;
	color: #595757;
	margin: 0;
	line-height: 1.4em; }

h4.discographyDetailBookInfoTitle {
	font-size: 88%;
	font-weight: bold;
	color: #e05e9e;
	line-height: 1.4em; }

p.discographyDetailBookInfoTxt {
	font-size: 69%;
	color: #595757;
	margin: 15px 0 0 0;
	line-height: 1.65em; }

p.discographyDetailBookInfoTxt dl,dt,dd,blockquote{
	font-size: 69%;
	color: #595757;
	margin: 15px 0 0 0;
	line-height: 1.65em; }

p.discographyDetailBookInfoTxt strong {
	font-size: 130%;
	font-weight: bold;
	color: #e05e9e;
	line-height: 1.4em; }

/* ---------------------------------------------------------
■ポップアップ共通
--------------------------------------------------------- */
.popupWrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;  }

.popupWrapper .bgPopup {
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_pink.png) repeat; }


.popupInner {
	position: fixed;
	top: 5%;
	left: 50%;
	height: 440px;
	margin: 0 0 0 -345px;
	min-height: 440px;
	max-height: 700px;
	background-color: #fff; }


.popupWrapper iframe {
	overflow: hidden;
	margin: 0 auto; }

.btnClose {
	position: absolute;
	top: 0;
	right: -28px;
	cursor: pointer; }